iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 2
0
自我挑戰組

一天一點 Vue.js系列 第 2

[ Day 02 ] 一天一點 Vue.js - 簡介

  • 分享至 

  • xImage
  •  

Q:Vue.js 是什麼?
A:簡單的來說,就是一套漸進式的 JavaScript 的框架

Q:為何需要使用框架?
A:現在的網頁非常豐富且動態化,都是由於 JavaScript 的功勞。但原生的 JavaScript 會產生相當龐大的程式碼,他們又互相連接了各式各樣的 HTML 和 CSS 檔案,如此一來會導致缺乏組織性、檔案多且雜亂,在管理上也會變得困難。如下圖所示,連來連去的看起來相當複雜。

https://ithelp.ithome.com.tw/upload/images/20200916/20130199WF6H8y5goR.png
圖片來源:https://cn.vuejs.org/

所以才需要使用框架,框架可用來幫助創建「可維護性」、「可測試性」的開發環境,在管理上就會比較有組織性,且易於管理,所以越來越多開發者都會使用框架,目前三大主流框架為 Vue、React、Angular。如下圖所示,相關檔案被整理在相同的位置,看起來是不是也比較好管理了呢?

https://ithelp.ithome.com.tw/upload/images/20200916/20130199j3Azmh3TKh.png
圖片來源:https://cn.vuejs.org/

Q:何謂漸進式(progressive framework)?
A:就是可以由淺入深,從簡單到複雜的方式來使用它。

  1. 簡單的從:只想使用其中部份的功能,例如資料雙向綁定(v-model),將資料同步更新到畫面上。
  2. 到中間階段:使用前端路由的功能(vue-router)。
  3. 一直到複雜階段:專案規模較大的時候,就需要使用 vuex 來完成更為完整的管理機制。

也就是說他的操作方式簡單容易上手,可以依照實際的需求,再去逐漸增加所需要的功能,漸進的方式,需要什麼功能就增加什麼功能。

(上面的功能僅列舉一部分,後續會再做更詳細的介紹。)


上一篇
[ Day 01 ] 一天一點 Vue.js - 前言
系列文
一天一點 Vue.js2
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
jimmyjj2073
iT邦新手 5 級 ‧ 2020-10-21 22:55:28

Hi chunchun126,我是中山大學的學生,是否可以聯繫您呢?

我要留言

立即登入留言